const px2vw=require('postcss-px-to-viewport')

// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '', // rewrite path
        },
      },
    }
  },

  css: {
    loaderOptions: {
      postcss:{
        plugins:[px2vw({
          unitToConvert: 'px',
          //效果图的宽度
          viewportWidth: 375,
          unitPrecision: 5,
          propList: ['*'],
          viewportUnit: 'vw',
          fontViewportUnit: 'vw',
          selectorBlackList: [],
          minPixelValue: 1,
          mediaQuery: false,
          replace: true,
          exclude: [/node_modules/],
          include: undefined,
          landscape: false,
          landscapeUnit: 'vw',
          landscapeWidth: 568
        })]
      }
    }
  }
}
// 在vue.js官网找到Vue CLI找到这段代码 复制过来 然后修改
  //就是这段代码：
// module.exports = {
//   css: {
//     loaderOptions: {
//       css: {
//         // 注意：以下配置在 Vue CLI v4 与 v3 之间存在差异。
//         // Vue CLI v3 用户可参考 css-loader v1 文档
//         // https://github.com/webpack-contrib/css-loader/tree/v1.0.1
//         modules: {
//           localIdentName: '[name]-[hash]'
//         },
//         localsConvention: 'camelCaseOnly'
//       }
//     }
//   }
// }

// 在npm里搜这个插件postcss-px-to-viewport 里面有这段数据

